<template>
  <div class="hello">
    <Navigation></Navigation>
    <!-- 首页内容 -->
    <div class="Sy">
      <span class="t2"> 城市公共交通智能化平台 </span>
      <span class="t3"> 一款便民服务平台，做您出行前的小贴士 </span>
    </div>
  </div>

</template>

<script>
import Navigation from "../components/Navigation.vue";
export default {
  name: "Recommend",
  components: { Navigation },
};
</script>

<style scoped>
* {
  padding: 0;
  margin: 0;
  text-decoration: none;
}

.Sy {
  left: 0;
  top: 10%;
  display: flex;
  width: 100%;
  height: 90%;
  position: absolute;
  background-image: url(../assets/4.jpg);
  background-size: cover;
  /* align-items: center;
  justify-content: center; */
}
.t2 {
  position: relative;
  top: 17%;
  left: 33%;
  font-weight: bold;
  font-size: 40px;
}
.t3 {
  position: relative;
  top: 28%;
  left: 15%;
  font-weight: bold;
  font-size: 20px;
}
</style>
